<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>Bell Bootstrap 4 Theme</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Facebook Opengraph integration: https://developers.facebook.com/docs/sharing/opengraph -->
    <meta property="og:title" content="">
    <meta property="og:image" content="">
    <meta property="og:url" content="">
    <meta property="og:site_name" content="">
    <meta property="og:description" content="">

    <!-- Twitter Cards integration: https://dev.twitter.com/cards/  -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="">
    <meta name="twitter:title" content="">
    <meta name="twitter:description" content="">
    <meta name="twitter:image" content="">

    <!-- Favicon -->
    <link th:href="@{/adminLTE/img/favicon.ico}" rel="icon">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Raleway:400,500,700|Roboto:400,900" rel="stylesheet">

    <!-- Bootstrap CSS File -->
    <link th:href="@{/adminLTE/lib/bootstrap/css/bootstrap.min.css}" rel="stylesheet">

    <!-- Libraries CSS Files -->
    <link th:href="@{/adminLTE/lib/font-awesome/css/font-awesome.min.css}" rel="stylesheet">

    <!-- Main Stylesheet File -->
    <link th:href="@{/adminLTE/css/style.css}" rel="stylesheet">


</head>

<body>
<!-- Page Content
  ================================================== -->
<!-- Hero -->

<section class="hero">
    <div class="container text-center">
        <div class="row">
            <div class="col-md-12">
                <a class="hero-brand" href="index.html" title="Home"><img alt="Bell Logo" th:src="@{/adminLTE/img/Team11.png}"></a>
            </div>
        </div>

        <div class="col-md-12">
            <h1>
                标准地名地址信息管理系统
            </h1>

            <p class="tagline">
                这是一个很强大的项目，有一些很实用的功能！
            </p>
            <a class="btn btn-full" href="#about">现在就开始</a>
        </div>
    </div>

</section>
<!-- /Hero -->

<!-- Header -->
<header id="header">
    <div class="container">

        <div id="logo" class="pull-left">
            <a href="index.html"><img th:src="@{/adminLTE/img/Team11.png}" alt="" title=""></a>
            <!-- Uncomment below if you prefer to use a text image -->
            <!--<h1><a href="#hero">Bell</a></h1>-->
        </div>

        <nav id="nav-menu-container">
            <ul class="nav-menu">
                <li><a href="#about">关于BTeanm11</a></li>
                <li><a href="#features">关于系统</a></li>
                <!-- <li><a href="#portfolio">Portfolio</a></li>
                <li><a href="#team">Team</a></li> -->
                <li class="menu-has-children"><a href="">所有行政区</a>
                    <ul>
                        <li><a href="#">锦江区</a></li>
                        <li><a href="#">沙依巴克区</a></li>
                        <li><a href="#">新市区</a></li>
                        <li><a href="#">金牛区</a></li>
                        <li><a href="#">青羊区</a></li>
                        <li><a href="#">武侯区</a></li>
                        <li><a href="#">成华区</a></li>
                        <li><a href="#">龙泉驿区</a></li>
                        <li><a href="#">青白江区</a></li>
                        <li><a href="#">新都区</a></li>
                        <li><a href="#">温江区</a></li>
                        <li><a href="#">双流区</a></li>
                        <li><a href="#">郫都区</a></li>
                        <li><a href="#">天山区</a></li>
                    </ul>
                </li>
                <!-- <li><a href="#contact">Contact Us</a></li> -->
            </ul>
        </nav>
        <!-- #nav-menu-container -->

        <nav class="nav social-nav pull-right d-none d-lg-inline">
            <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <a href="#"><i class="fa fa-envelope"></i></a>
        </nav>
    </div>
</header>
<!-- #header -->

<!-- About -->

<section class="about" id="about">
    <div class="container text-center">
        <h2>
            关于BTeam11
        </h2>

        <p>
            小组成员就读于新疆大学，总成员4人，自主开放标准地名地址信息管理系统
        </p>

        <div class="row stats-row">
            <div class="stats-col text-center col-md-3 col-sm-6">
                <div class="circle">
                    <span class="stats-no" data-toggle="counter-up">1</span> 项目经理</br>石磊
                </div>
            </div>

            <div class="stats-col text-center col-md-3 col-sm-6">
                <div class="circle">
                    <span class="stats-no" data-toggle="counter-up">2</span> 小组成员</br>张百川
                </div>
            </div>

            <div class="stats-col text-center col-md-3 col-sm-6">
                <div class="circle">
                    <span class="stats-no" data-toggle="counter-up">3</span> 小组成员</br>荔小永
                </div>
            </div>

            <div class="stats-col text-center col-md-3 col-sm-6">
                <div class="circle">
                    <span class="stats-no" data-toggle="counter-up">4</span> 小组成员</br>邓淋之
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Team -->

<section class="team" id="team">
    <div class="container">
        <h2 class="text-center">
            认识我们的团队
        </h2>

        <div class="row">
            <div class="col-sm-3 col-xs-6">
                <div class="card card-block">
                    <a href="#"><img alt="" class="team-img" th:src="@{/adminLTE/img/石磊.jpg}">
                        <div class="card-title-wrap">
                            <span class="card-title">石磊 Fez</span> <span class="card-text">项目经理</span>
                        </div>

                        <div class="team-over">
                            <h4 class="hidden-md-down">
                                联系我
                            </h4>

                            <nav class="social-nav">
                                <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <a href="#"><i class="fa fa-envelope"></i></a>
                            </nav>

                            <p>
                               邮箱：1111@111qq.com
                            </p>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-sm-3 col-xs-6">
                <div class="card card-block">
                    <a href="#"><img alt="" class="team-img" th:src="@{/adminLTE/img/张百川.jpg}">
                        <div class="card-title-wrap">
                            <span class="card-title">张百川</span> <span class="card-text">技术大牛</span>
                        </div>

                        <div class="team-over">
                            <h4 class="hidden-md-down">
                                联系我
                            </h4>

                            <nav class="social-nav">
                                <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <a href="#"><i class="fa fa-envelope"></i></a>
                            </nav>

                            <p>
                                邮箱：2222@222qq.com
                            </p>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-sm-3 col-xs-6">
                <div class="card card-block">
                    <a href="#"><img alt="" class="team-img" th:src="@{/adminLTE/img/小勇.jpg}">
                        <div class="card-title-wrap">
                            <span class="card-title">荔小永</span> <span class="card-text">技术中牛</span>
                        </div>

                        <div class="team-over">
                            <h4 class="hidden-md-down">
                                联系我
                            </h4>

                            <nav class="social-nav">
                                <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <a href="#"><i class="fa fa-envelope"></i></a>
                            </nav>

                            <p>
                                邮箱：3333@333qq.com
                            </p>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-sm-3 col-xs-6">
                <div class="card card-block">
                    <a href="#"><img alt="" class="team-img" th:src="@{/adminLTE/img/邓.jpg}">
                        <div class="card-title-wrap">
                            <span class="card-title">邓淋之</span> <span class="card-text">技术小牛</span>
                        </div>

                        <div class="team-over">
                            <h4 class="hidden-md-down">
                                联系我
                            </h4>

                            <nav class="social-nav">
                                <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <a href="#"><i class="fa fa-envelope"></i></a>
                            </nav>

                            <p>
                                邮箱：4444@444qq.com
                            </p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /About -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
<!-- Parallax -->

<!-- <div class="block bg-primary block-pd-lg block-bg-overlay text-center" data-bg-img="img/parallax-bg.jpg}" data-settings='{"stellar-background-ratio": 0.6}' data-toggle="parallax-bg">
  <h2>
      Welcome to a perfect theme
    </h2>

  <p>
    This is the most powerful theme with thousands of options that you have never seen before.
  </p>
  <img alt="Bell - A perfect theme" class="gadgets-img hidden-md-down" th:src="@{/adminLTE/img/gadgets.png}">
</div> -->
<!-- /Parallax -->
<!-- Features -->

<section class="features" id="features">
    <div class="container">
        <h2 class="text-center">
            功能
        </h2>

        <div class="row">
            <div class="feature-col col-lg-4 col-xs-12">
                <div class="card card-block text-center">
                    <div>
                        <div class="feature-icon">
                            <span class="fa fa-rocket"></span>
                        </div>
                    </div>

                    <div>
                        <h3>
                            行政区、街道、门牌地图查询
                        </h3>
                        <p>
                            用户可以根据想要的信息进行查询地图，并实现数据库信息定位到地图
                        </p>
                    </div>
                </div>
            </div>

            <div class="feature-col col-lg-4 col-xs-12">
                <div class="card card-block text-center">
                    <div>
                        <div class="feature-icon">
                            <span class="fa fa-envelope"></span>
                        </div>
                    </div>

                    <div>
                        <h3>
                            行政区、街道、门牌信息的增删改查
                        </h3>

                        <p>
                            管理员可以对行政区、街道、门牌的信息进行查看并进行相应的操作
                        </p>
                    </div>
                </div>
            </div>

            <div class="feature-col col-lg-4 col-xs-12">
                <div class="card card-block text-center">
                    <div>
                        <div class="feature-icon">
                            <span class="fa fa-bell"></span>
                        </div>
                    </div>

                    <div>
                        <h3>
                            门牌申请
                        </h3>

                        <p>
                            用户可以进行门牌申请操作，管理员审批通过后可以领取门牌
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="feature-col col-lg-4 col-xs-12">
                <div class="card card-block text-center">
                    <div>
                        <div class="feature-icon">
                            <span class="fa fa-dashboard"></span>
                        </div>
                    </div>

                    <div>
                        <h3>
                            门牌补发
                        </h3>

                        <p>
                            用户可以进行门牌补发操作，管理员审批通过后可以领取门牌
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /Features -->

<!-- Portfolio -->

<section class="portfolio" id="portfolio">
    <div class="container text-center">
        <h2>
            行政区
        </h2>

        <p>
            查看所有行政区，有任何问题请联系区域负责人
        </p>
    </div>

    <div class="portfolio-grid">
        <div class="row">
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-1.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    锦江区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：1111111
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-2.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    成华区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：2222222
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-3.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    龙泉驿区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：3333333
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-4.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    青白江区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：4444444
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-5.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    新都区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：5555555
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-6.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    温江区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：6666666
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-7.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    双流区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：7777777
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-8.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    郫都区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：8888888
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-9.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    金牛区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：9999999
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-10.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    青羊区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：aaaaaaa
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-11.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    武侯区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：bbbbbbb
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="card card-block">
                    <a href="#"><img alt="" th:src="@{/adminLTE/img/porf-12.jpg}">
                        <div class="portfolio-over">
                            <div>
                                <h3 class="card-title">
                                    新市区
                                </h3>

                                <p class="card-text">
                                    负责人联系电话：ccccccc
                                </p>
                            </div>
                        </div></a>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- /Portfolio -->

<!-- Call to Action -->

<section class="cta">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 col-sm-12 text-lg-left text-center">
                <h2>
                    标准地名地址信息管理系统
                </h2>

            </div>

            <div class="col-lg-3 col-sm-12 text-lg-right text-center">
                <a class="btn btn-ghost" th:href="@{/page/index.html}">进入系统</a>
            </div>
        </div>
    </div>
</section>
<!-- /Call to Action -->

<!-- /Team -->
<!-- @component: footer -->

<footer class="site-footer">
    <div class="bottom">
        <div class="container">
            <div class="row">

                <div class="col-lg-6 col-xs-12 text-lg-left text-center">
                    <p class="copyright-text">
                        BTeam11
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>
<a class="scrolltop" href="#"><span class="fa fa-angle-up"></span></a>


<!-- Required JavaScript Libraries -->
<script th:src="@{/adminLTE/lib/jquery/jquery.min.js}"></script>
<script th:src="@{/adminLTE/lib/jquery/jquery-migrate.min.js}"></script>
<script th:src="@{/adminLTE/lib/superfish/hoverIntent.js}"></script>
<script th:src="@{/adminLTE/lib/superfish/superfish.min.js}"></script>
<script th:src="@{/adminLTE/lib/tether/js/tether.min.js}"></script>
<script th:src="@{/adminLTE/lib/stellar/stellar.min.js}"></script>
<script th:src="@{/adminLTE/lib/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/adminLTE/lib/counterup/counterup.min.js}"></script>
<script th:src="@{/adminLTE/lib/waypoints/waypoints.min.js}"></script>
<script th:src="@{/adminLTE/lib/easing/easing.js}"></script>
<script th:src="@{/adminLTE/lib/stickyjs/sticky.js}"></script>
<script th:src="@{/adminLTE/lib/parallax/parallax.js}"></script>
<script th:src="@{/adminLTE/lib/lockfixed/lockfixed.min.js}"></script>

<!-- Template Specisifc Custom Javascript File -->
<script th:src="@{/adminLTE/js/custom.js}"></script>

<script th:src="@{/adminLTE/contactform/contactform.js}"></script>

</body>
</html>
